<template>
  <div class="menu">
    <div class="content">
      <page-content :contentConfig="contentConfig" @newClick="newClick" @editClick="editClick" />
    </div>

    <page-modal ref="pageModalRef" :modalConfig="modalConfig" />
  </div>
</template>

<script setup lang="ts">
  import pageContent from '@/components/page-content/page-content.vue'
  import contentConfig from './config/content.config'

  import pageModal from '@/components/page-modal/page-modal.vue'
  import modalConfig from './config/modal.config'
  import usePageModal from '@/hooks/usePageModal'

  const { pageModalRef, newClick, editClick } = usePageModal()
</script>

<style scoped></style>
